<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/jsp/struts/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="style/home.css" type="text/css">
<link href="./style/alternative.css" media="all" rel="stylesheet" />
<script type='text/javascript' src='script/prototype.js'></script>
<script type='text/javascript' src='script/common.js'></script>
<STYLE TYPE="text/css">
#articleTab {
border: 2px broove #eee;
padding-top: 1em;
}
#articleTab td{
padding:0.2em;
white-space:nowrap;
}
#articleTab a{
font-size:1em;color:#330099
}
#articleContent {
white-space:normal;
width:100%;
height:20em;
background-color:#eee;
border:2px groove #369;
overflow:auto;
list-style-position:inside;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
}
</STYLE>

</head>
<body onload="HTMLArea.init();">
<c:choose>
<c:when test="${empty article}">
<c:set var="handler" value="article.htm?method=create" />
</c:when>
<c:otherwise>
<c:set var="handler" value="article.htm?method=update" />
</c:otherwise>
</c:choose>
<div id="content">
<div id="content_inner">
<form name="articleForm" id="articleForm" action="${handler}"  method="post">
<TABLE id="articleTab" class="its" width="95%">
<thead>
<tr><th align="center" width="85%" style="font-weight:bold">${article.topic}</td>
<td align="right">
类别: ${categories[article.categoryID]}
关键字:${article.keywords}
</th></tr>
  </thead>
  <TR>
   
    <TD colspan="2">
    <div id="articleContent" name="content">
    ${article.content}
    </div>
    </TD>
  </TR>
  <TR>
    <TD colspan="2" align="center">
    <input type="hidden" name="articleID" id="articleID" value="${article.articleID}">
    <INPUT TYPE="reset" value="编辑" onclick="location.href='article.htm?method=edit&articleID=${article.articleID}'">
    &nbsp;&nbsp;
    <INPUT TYPE="reset" value="返回" onclick="javascript:history.back()"></TD>
  </TR>
  </TABLE>
</FORM>

</div></div>
</body>
</html>